<template>
	<view class="addCustomer">
		<uni-search-bar style="background-color: #fff;" @confirm="getTheData"
			placeholder="请输入准确的商户名称或编号"></uni-search-bar>

		<uni-forms style="padding: 10px;" ref="baseForm" label-position="left" label-width="80px">
			<view class="infoTitle">
				商户信息
			</view>
			<uni-forms-item label="商户名称">
				一号店
			</uni-forms-item>
			<uni-forms-item label="商户简称">
				中国建设银行(亦庄分行)11
			</uni-forms-item>
			<uni-forms-item label="联系电话">
				15531048810
			</uni-forms-item>
			<uni-forms-item label="商户地址">
				甲12
			</uni-forms-item>
		</uni-forms>
		<view class="fixBtn">
			<button type="primary">添加商户</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onNavigationBarButtonTap() {
			// 允许从相机和相册扫码
			uni.scanCode({
				onlyFromCamera: true,
				success: function(res) {
					console.log('条码类型：' + res.scanType);
					console.log('条码内容：' + res.result);
				}
			});
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.addCustomer {
		background-color: #fff;
		height: 100%;

		.infoTitle {
			color: #333;
			font-weight: bold;
			font-size: 16px;
			background: rgba(150, 150, 150, 0.1);
			border-radius: 5px;
			padding: 5px 10px;
			margin-bottom: 10px;
		}

		.fixBtn {
			position: fixed;
			bottom: 40px;
			width: calc(100% - 40px);
			left: 20px;
		}
	}
</style>